<ion-view ng-controller="self-driving" class="z_content">
<ion-header-bar align-title="center" class="bar bar-header bar-light z_head">
  <div class="buttons">
  	<div class="ion-ios-arrow-left z_left" ng-click="back()"></div>
  </div>
  <h1 class="title">驴妈妈自驾游-周边、房车、川藏精选线路!</h1>
  <div class="buttons">
   <a href="#"><div class="ion-home z_right"></div></a>
  </div>
</ion-header-bar>
<ion-content>
	<ion-slide-box auto-play="true" ng-if="selftraimg" slide-interval=2000 does-continue="true" delegate-handle="selftraimg">
	  <ion-slide ng-repeat="self in selftraimg" on-slide-changed="slideHasChanged($index)" style="margin-top: -1px;">
	    <div class="box"><img src={{self.large_image}} alt="" /></div>
	  </ion-slide>
	</ion-slide-box>
	<div class="z_join">
		<div ng-repeat="j in joinc" class="z_img">
			<img src={{j.large_image}} alt="" />
		</div>
	</div>
	<div class="z_sanya">
		<img src={{sany[0].large_image}} alt="" />
	</div>
	<div class="z_chi">
		<div class="chi_left"><img src={{chih[0].large_image}} alt="" /></div>
		<div class="chi_img">
			<img src={{zij[0].large_image}} alt="" />
			<img src={{zij[1].large_image}} alt="" />
		</div>
	</div>
	<section class="afix">
	<div class="z_tabs" ion-affix="" data-affix-within-parent-with-class="afix">
    <div class="z_a">
      <span ng-class="{'act':boolweek}" ng-click="clickweek()">周末</span>
      <span ng-class="{'act':boolthree}" ng-click="clickthree()">3小时车程</span>
      <span ng-class="{'act':boolrange}" ng-click="clickrange()">更远车程</span>
    </div>
  </div>

	  <div class="week-travel" ng-if="boolweek">
	  	<div ng-repeat="w in weeks" class="week">
		  	<div class="w_div">
		  		<img src={{w.large_image}} alt="" />
		  		<span class="w_span">￥<b>{{w.price}}</b>起</span>
		  		<span class="z_plane">{{w.back_word2}}</span>
		  		<div ng-if="w.cityName" class="z_location"><span><span class="ion-location"></span>&nbsp;{{w.cityName}}</span></div>
		  	</div>
		  	<p><span class="p_title">{{w.title}}</span><br /><span class="p_cont">{{w.content}}</span></p>
	  	</div>
	  	<ion-infinite-scroll ng-if="bool1" on-infinite = "moreweek()" distance = "1%"></ion-infinite-scroll>
	  	<div class="aload" ng-if="!bool1">数据已经全部加载完毕</div>
	  	
	  </div>
	  
	  <div ng-if="boolthree">
	  	<div ng-repeat="t in threeh" class="week">
		  	<div class="w_div">
		  		<img src={{t.large_image}} alt="" />
		  		<span class="w_span">￥<b>{{t.price}}</b>起</span>
		  		<span class="z_plane">{{t.back_word2}}</span>
		  		<div class="z_location"><span><span class="ion-location" ng-if="t.cityName"><span>{{t.cityName}}</span></div>
		  	</div>
		  	<p><span class="p_title">{{t.title}}</span><br /><span class="p_cont">{{t.content}}</span></p>
	  	</div>
	  	<ion-infinite-scroll ng-if="bool2" on-infinite = "morethreehour()" distance = "1%"></ion-infinite-scroll>
	  	<div class="aload" ng-if="!bool2">数据已经全部加载完毕</div>
	  </div>
	  
	  <div ng-if="boolrange">
	  	<div ng-repeat="l in lrange" class="week">
		  	<div class="w_div">
		  		<img src={{l.large_image}} alt="" />
		  		<span class="w_span">￥<b>{{l.price}}</b>起</span>
		  		<span class="z_plane">{{l.back_word2}}</span>
		  		<div class="z_location"><span><span class="ion-location" ng-if="l.cityName"><span>{{l.cityName}}</span></div>
		  	</div>
		  	<p><span class="p_title">{{l.title}}</span><br /><span class="p_cont">{{l.content}}</span></p>
	  	</div>
	  	<ion-infinite-scroll ng-if="bool3" on-infinite = "morelongrange()" distance = "1%"></ion-infinite-scroll>
	  	<div class="aload" ng-if="!bool3">数据已经全部加载完毕</div>
	  	
	  </div>
</section>
</ion-content>
</ion-view>
